<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="css/reset.css" type="text/css"/>
    <link rel="stylesheet" href="css/style.css" type="text/css"/>
    <!--[if IE 6]>
    <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
    <script type="text/javascript" src="js/ie6Fixpng.js"></script>
    <![endif]-->
</head>
<body>
    <div class="headerBar">
        <div class="topBar">
            <div class="comWidth">
                <div class="leftArea">
                    <a href="#" class="collection">收藏</a>
                </div>
                <div class="rightArea">
                    欢迎!<a href="#">[登录]</a><a href="#">[免费注册]</a>
                </div>
            </div>
        </div>
        <div class="logoBar">
            <div class="comWidth">
                <div class="logo fl">
                    <a href="index.html"><img src="images/logo.jpg" alt="慕课网"/></a>
                </div>
                <div class="search_box fl">
                    <input type="text" class="search_text fl"/>
                    <input type="button" class="search_btn fl" value="搜 索"/>
                </div>
                <div class="shopCar fr">
                    <span class="shopText fl">购物车</span>
                    <span class="shopNum fl">0</span>
                </div>
            </div>
        </div>
        <div class="navBox">
            <div class="comWidth">
                <div class="shopClass fl">
                    <h3>全部商品分类<i></i></h3>
                    <div class="shopClass_show">
                        <dl class="shopClass_item">
                            <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="aLink">合约机</a></dt>
                            <dd><a href="#">荣耀3X</a> <a href="#">单反</a> <a href="#">智能设备</a></dd>
                        </dl>
                        <dl class="shopClass_item">
                            <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="aLink">合约机</a></dt>
                            <dd><a href="#">荣耀3X</a> <a href="#">单反</a> <a href="#">智能设备</a></dd>
                        </dl>
                        <dl class="shopClass_item">
                            <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="aLink">合约机</a></dt>
                            <dd><a href="#">荣耀3X</a> <a href="#">单反</a> <a href="#">智能设备</a></dd>
                        </dl>
                        <dl class="shopClass_item">
                            <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="aLink">合约机</a></dt>
                            <dd><a href="#">荣耀3X</a> <a href="#">单反</a> <a href="#">智能设备</a></dd>
                        </dl>
                        <dl class="shopClass_item">
                            <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="aLink">合约机</a></dt>
                            <dd><a href="#">荣耀3X</a> <a href="#">单反</a> <a href="#">智能设备</a></dd>
                        </dl>
                    </div>
                    <div class="shopClass_list hide">
                        <div class="shipList_cont">
                            <dl class="shopList_item">
                                <dl>
                                    <dt>电脑整机</dt>
                                    <dd>
                                        <a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a
                                            href="#">台式机</a><a href="#">超极本超极本</a>
                                    </dd>
                                </dl>
                            </dl>
                            <dl class="shopList_item">
                                <dl>
                                    <dt>电脑整机</dt>
                                    <dd>
                                        <a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a
                                            href="#">台式机</a><a href="#">超极本超极本</a>
                                    </dd>
                                </dl>
                            </dl>
                            <dl class="shopList_item">
                                <dl>
                                    <dt>电脑整机</dt>
                                    <dd>
                                        <a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a
                                            href="#">台式机</a><a href="#">超极本超极本</a>
                                    </dd>
                                </dl>
                            </dl>
                            <dl class="shopList_item">
                                <dl>
                                    <dt>电脑整机</dt>
                                    <dd>
                                        <a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a
                                            href="#">台式机</a><a href="#">超极本超极本</a><a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a
                                            href="#">台式机</a><a href="#">超极本超极本</a>
                                    </dd>
                                </dl>
                            </dl>
                            <dl class="shopList_item">
                                <dl>
                                    <dt>电脑整机</dt>
                                    <dd>
                                        <a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a
                                            href="#">台式机</a><a href="#">超极本超极本</a><a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a
                                            href="#">台式机</a><a href="#">超极本超极本</a><a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a
                                            href="#">台式机</a><a href="#">超极本超极本</a><a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a
                                            href="#">台式机</a><a href="#">超极本超极本</a>
                                    </dd>
                                </dl>
                            </dl>
                            <dl class="shopList_item">
                                <dl>
                                    <dt>电脑整机</dt>
                                    <dd>
                                        <a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a
                                            href="#">台式机</a><a href="#">超极本超极本</a>
                                    </dd>
                                </dl>
                            </dl>
                            <div class="shopList_links">
                                <a href="#">笔记本笔记本<span></span></a><a href="#">笔记本笔记本<span></span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <ul class="nav fl">
                    <li><a href="产品分类.html" class="active">数码城</a></li>
                    <li><a href="筛选页.html">天黑黑</a></li>
                    <li><a href="#">团购</a></li>
                    <li><a href="#">发现</a></li>
                    <li><a href="#">二手特卖</a></li>
                    <li><a href="#">名品会</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="banner comWidth clearfix">
        <div class="banner_bar fr banner_big">
            <ul class="imgBox">
                <li><a href="#"><img src="images/banner/banner_01.jpg" alt="banner"/></a></li>
                <li><a href="#"><img src="images/banner/banner_02.jpg" alt="banner"/></a></li>
            </ul>
            <div class="imgNum">
                <a href="#" class="active"></a><a href="#"></a><a href="#"></a><a href="#"></a>
            </div>
        </div>
    </div>
    <div class="shopTit comWidth">
        <span class="icon"></span><h3>家用电脑</h3>
        <a href="#" class="more fr">更多&gt&gt</a>
    </div>
    <div class="shopList comWidth clearfix">
        <div class="leftArea">
            <div class="banner_bar fr banner_small">
                <ul class="imgBox">
                    <li><a href="#"><img src="images/banner/banner_sm_01.jpg" alt="banner"></a></li>
                    <li><a href="#"><img src="images/banner/banner_sm_02.jpg" alt="banner"></a></li>
                </ul>
                <div class="imgNum">
                    <a href="#" class="active"></a><a href="#"></a><a href="#"></a><a href="#"></a>
                </div>
            </div>
        </div>
        <div class="rightArea">
            <div class="shopList-top clearfix">
                <div class="shop-item">
                    <div class="shop-img">
                        <a href="#"><img src="images/shop_item.jpg" alt="img"/></a>
                    </div>
                    <h3>HTC新渴望8系列</h3>
                    <p>1899元</p>
                </div>
                <div class="shop-item">
                    <div class="shop-img">
                        <a href="#"><img src="images/shop_item.jpg" alt="img"/></a>
                    </div>
                    <h3>HTC新渴望8系列</h3>
                    <p>1899元</p>
                </div>
                <div class="shop-item">
                    <div class="shop-img">
                        <a href="#"><img src="images/shop_item.jpg" alt="img"/></a>
                    </div>
                    <h3>HTC新渴望8系列</h3>
                    <p>1899元</p>
                </div>
                <div class="shop-item">
                    <div class="shop-img">
                        <a href="#"><img src="images/shop_item.jpg" alt="img"/></a>
                    </div>
                    <h3>HTC新渴望8系列</h3>
                    <p>1899元</p>
                </div>
            </div>
            <div class="shopList_sm clearfix">
                <div class="shopItem_sm">
                    <div class="shopItem_smImg">
                        <a href="#"><img src="images/shop_item.jpg" alt="img"/></a>
                    </div>
                    <div class="shopItem_text">
                        <p>NFC轻松一碰轻松配对！接触触屏</p>
                        <h3>￥149.00</h3>
                    </div>
                </div>
                <div class="shopItem_sm">
                    <div class="shopItem_smImg">
                        <a href="#"><img src="images/shop_item.jpg" alt="img"/></a>
                    </div>
                    <div class="shopItem_text">
                        <p>NFC轻松一碰轻松配对！接触触屏</p>
                        <h3>￥149.00</h3>
                    </div>
                </div>
                <div class="shopItem_sm">
                    <div class="shopItem_smImg">
                        <a href="#"><img src="images/shop_item.jpg" alt="img"/></a>
                    </div>
                    <div class="shopItem_text">
                        <p>NFC轻松一碰轻松配对！接触触屏</p>
                        <h3>￥149.00</h3>
                    </div>
                </div>
                <div class="shopItem_sm">
                    <div class="shopItem_smImg">
                        <a href="#"><img src="images/shop_item.jpg" alt="img"/></a>
                    </div>
                    <div class="shopItem_text">
                        <p>NFC轻松一碰轻松配对！接触触屏</p>
                        <h3>￥149.00</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="shopTit comWidth">
        <span class="icon"></span><h3>家用电脑</h3>
        <a href="#" class="more fr">更多&gt&gt</a>
    </div>
    <div class="shopList comWidth clearfix">
        <div class="leftArea">
            <div class="banner_bar fr banner_small">
                <ul class="imgBox">
                    <li><a href="#"><img src="images/banner/banner_sm_01.jpg" alt="banner"></a></li>
                    <li><a href="#"><img src="images/banner/banner_sm_02.jpg" alt="banner"></a></li>
                </ul>
                <div class="imgNum">
                    <a href="#" class="active"></a><a href="#"></a><a href="#"></a><a href="#"></a>
                </div>
            </div>
        </div>
        <div class="rightArea">
            <div class="shopList-top clearfix">
                <div class="shop-item">
                    <div class="shop-img">
                        <a href="#"><img src="images/shop_item.jpg" alt="img"/></a>
                    </div>
                    <h3>HTC新渴望8系列</h3>
                    <p>1899元</p>
                </div>
                <div class="shop-item">
                    <div class="shop-img">
                        <a href="#"><img src="images/shop_item.jpg" alt="img"/></a>
                    </div>
                    <h3>HTC新渴望8系列</h3>
                    <p>1899元</p>
                </div>
                <div class="shop-item">
                    <div class="shop-img">
                        <a href="#"><img src="images/shop_item.jpg" alt="img"/></a>
                    </div>
                    <h3>HTC新渴望8系列</h3>
                    <p>1899元</p>
                </div>
                <div class="shop-item">
                    <div class="shop-img">
                        <a href="#"><img src="images/shop_item.jpg" alt="img"/></a>
                    </div>
                    <h3>HTC新渴望8系列</h3>
                    <p>1899元</p>
                </div>
            </div>
            <div class="shopList_sm clearfix">
                <div class="shopItem_sm">
                    <div class="shopItem_smImg">
                        <a href="#"><img src="images/shop_item.jpg" alt="img"/></a>
                    </div>
                    <div class="shopItem_text">
                        <p>NFC轻松一碰轻松配对！接触触屏</p>
                        <h3>￥149.00</h3>
                    </div>
                </div>
                <div class="shopItem_sm">
                    <div class="shopItem_smImg">
                        <a href="#"><img src="images/shop_item.jpg" alt="img"/></a>
                    </div>
                    <div class="shopItem_text">
                        <p>NFC轻松一碰轻松配对！接触触屏</p>
                        <h3>￥149.00</h3>
                    </div>
                </div>
                <div class="shopItem_sm">
                    <div class="shopItem_smImg">
                        <a href="#"><img src="images/shop_item.jpg" alt="img"/></a>
                    </div>
                    <div class="shopItem_text">
                        <p>NFC轻松一碰轻松配对！接触触屏</p>
                        <h3>￥149.00</h3>
                    </div>
                </div>
                <div class="shopItem_sm">
                    <div class="shopItem_smImg">
                        <a href="#"><img src="images/shop_item.jpg" alt="img"/></a>
                    </div>
                    <div class="shopItem_text">
                        <p>NFC轻松一碰轻松配对！接触触屏</p>
                        <h3>￥149.00</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <p><a href="#">慕课简介</a><i>|</i><a href="#">慕课公告</a><i>|</i><a href="#">招纳贤士</a><i>|</i><a href="#">联系我们</a><i>|</i><a href="#">客服热线：400-675-1234</a></p>
        <p>Copyright &copy; 2006 - 2014 慕课所有&nbsp;&nbsp;&nbsp;是看得见覅&nbsp;&nbsp;&nbsp;的发送卡覅安&nbsp;&nbsp;&nbsp;慰人如发热爱人</p>
        <p class="web"><a href="#"><img src="images/footerlogo.jpg" alt=""/></a><a href="#"><img src="images/footerlogo.jpg" alt=""/></a><a href="#"><img
                src="images/footerlogo.jpg" alt=""/></a><a href="#"><img src="images/footerlogo.jpg" alt=""/></a></p>
    </div>
</body>
</html>